<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Mac - Apple （中国）</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <script src="js/jquery-2.2.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
    <div class="up_nav">
        <div class="container" style="line-height:40px;">
            <广告>
        </div>
    </div>
    
    <div class="nav">
        <div class="container">
            <ul class="nav_ul">
                <li><a class="iconfont icon-pingguo icon_color_white" href="index.html"></a></li>
                <li><a class="icon_color_white" style="color:rgba(255,255,255,0.8)" href="Mac.html">Mac</a></li>
                <li><a class="icon_color_white" href="iPad.html">iPad</a></li>
                <li><a class="icon_color_white" href="iPhone.html">iPhone</a></li>
                <li><a class="icon_color_white" href="Watch.html">Watch</a></li>
                <li><a class="icon_color_white" href="Music.html">Music</a></li>
                <li><a class="icon_color_white" href="#">技术支持</a></li>
                <li><a class="iconfont icon-sousuo icon_color_white" href="#"></a></li>
                <li><a class="iconfont icon-gouwudai icon_color_white" href="#"></a></li>
            </ul>
        </div>
    </div><!-- 导航结束 -->

    <div class="Mac_photo">
        <div class="container">
        <div class="row">
            <div class="col-lg-1"></div>
            <div class="col-lg-10">
                <ul class="col_ul">
                    <li class="text-center">
                        <p><a class="iconfont icon-laptop" href="#"></a></p>
                        <a href="#"><small>MacBook</small></a>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-laptop" href="#"></a></p>
                        <a href="#"><small>MacBook Air</small></a>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-laptop" href="#"></a></p>
                        <a href="#"><small>MacBook Pro</small></a>
                        <p><small style="color:red">新款</small></p>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-laptop" href="#"></a></p>
                        <a href="#"><small>iMac</small></a>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-laptop" href="#"></a></p>
                        <a href="#"><small>Mac Pro</small></a>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-laptop" href="#"></a></p>
                        <a href="#"><small>Mac mini</small></a>
                    </li>
                   <li class="text-center">
                        <p><a class="iconfont icon-laptop" href="#"></a></p>
                        <a href="#"><small>配件</small></a>
                    </li>
                   <li class="text-center">
                        <p><a class="iconfont icon-laptop" href="#"></a></p>
                        <a href="#"><small>macOS Sierra</small></a>
                    </li>
                    <li class="text-center">
                        <p><a class="iconfont icon-laptop" href="#"></a></p>
                        <a href="#"><small>机型比较</small></a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-1"></div>
        </div>
        </div>
    </div>

     <div class="Mac_1" style="padding-bottom:0;overflow:hidden">
            <div class="Mac_1_font text-center">
                <h2>
                    MacBook Pro
                </h2>
                <h1>
                    一身才华，一触，即发。
                </h1>
                <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a>  <a class="font_20" href="#">购买 > </a></p>
            </div>
            <img src="images/banner3.jpg" style="width:100%;max-width:100%;" alt="">
    </div>

    <div class="Mac_1" style="overflow:hidden">
            <div class="Mac_1_font text-center">
                <h2>
                    MacBook
                </h2>
                <h1>
                    轻于时代，先于时代。
                </h1>
                <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a>  <a class="font_20" href="#">购买 > </a></p>
                <img src="images/Mac_book.png"  alt="">
            </div>
            
    </div>

    <div class="Mac_1" style="overflow:hidden">
            <div class="Mac_1_font text-center">
                <h2>
                    iMac
                </h2>
                <h1>
                    Retina的大作，一款又一款。
                </h1>
                <p style="padding:20px 0"><a class="font_20" href="#">进一步了解 > </a>  <a class="font_20" href="#">购买 > </a></p>
                 <img src="images/imac_large.png" alt="">
            </div>
           
    </div>

    <div class="Mac_1" style="overflow:hidden">
            <div class="Mac_1_font text-center">
                <h2>
                    Mac机型比较
                </h2>
                <p style="padding:20px 0"><a class="font_20" href="#">找到适合你的 Mac ></a></p>
                <div><img src="images/compare_large.png" style="paddings-bottom:20px;border-bottom:1px solid #ddd" alt="">
                </div> 
                <div class="container" style="padding-top:20px;">
                    <div class="col-lg-6 text-center">
                        <p> <img src="images/lingshou.png" alt=""> </p>
                        <p>前往零售店</p>
                        <p>
                            到 Apple Store 零售店亲身体验各种 Apple 产品，
                            <br>我们还将为你解答相关问题。    
                        </p>
                        <p><a href="#">进一步了解 > </a></p>
                    </div>
                    <div class="col-lg-6 text-center">
                        <p> <img src="images/song.png" alt=""> </p>
                        <p>免费送货</p>
                        <p>
                            享受免费送货上门服务。    
                        </p>
                        <p><a href="#">进一步了解 > </a></p>
                    </div>
                </div>
            </div>
    </div>

    <div class="Mac_1" style="overflow:hidden">
            <div class="Mac_1_font text-center">
                <h2>
                    Mac配件
                </h2>
               
                <p style="padding:20px 0"><a class="font_20" href="#">立即选购 > </a></p>
                 <img src="images/accessories_large.png" alt="">
            </div>
           
    </div>

    <div class="Mac_1" style="overflow:hidden">
            <div class="Mac_1_font text-center">
                <img src="images/macos_finder_icloud_large.png" alt="">
                <div class="container" style="padding:0 15%">
                    <div class="col-lg-6 text-left">
                        <h2>macOS Sierra</h2>
                        <p>
                            macOS，是助你在 Mac 上尽情施展的强大操作系统。而 macOS Sierra 更为 Mac 带来了 Siri 这一新成员，和多种欣赏照片的新方式，而且还能让不同设备之间的协作更加紧密流畅。
                        </p>
                        <p><a href="#">进一步了解 > </a></p>
                    </div>
                    <div class="col-lg-6 text-left">
                        <h2>iCloud</h2>
                        <p>有了 iCloud，你在各种设备上都可获得最新版本的文档、app、备忘录和通讯录等重要信息。</p>
                        <p><a href="#">进一步了解 > </a></p>
                    </div>
                </div>
            </div>
    </div>
    
    <div style="width:100%;padding:20px 0;overflow:hidden">
            <div class="Mac_1_font text-center">
                <h2>
                    内置App
                </h2>
               <p>
                   每台 Mac 都内置了众多激发创意、提升效率的 app。这些功能强大的工具能助你来探索、交流、高效工作。访问 
                   <br> <a href="#Mac App Store"></a>，更有成百上千款 app 等你发现。
               </p>
                <div class="imgs">
                    <img src="images/xiangce.png" alt="">
                    <img src="images/xing.png" alt="">
                    <img src="images/3.png" alt="">
                    <img src="images/4.png" alt="">
                    <img src="images/5.png" alt="">
                    <img src="images/6.png" alt="">
                    <img src="images/7.png" alt="">
                </div>
                <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <img src="images/bia_imovie_large.jpg" alt="">
                    </div>
                    <div class="col-lg-4 text-left">
                        <p>
                            <img src="images/bia_imovie_header_large.png" alt="">
                        </p>
                        <h2>iMovie</h2>
                        <p>
                            以前所未有的方式讲述精彩故事。精简的设计与直观的剪辑功能，让你轻松制作精美的 4K 影片和颇具好莱坞风格的预告片。你还可以通过 iMovie Theater 在各种设备上欣赏这些作品。
                        </p>
                        <p><a href="#">进一步了解 > </a></p>
                    </div>
                    
                </div>
                </div>
            </div>
           
    </div>

    <div style="width:100%;padding:20px 0;overflow:hidden">
            <div class="Mac_1_font text-center">
                <h2>
                    专业App
                </h2>
               <p>
                   对于想要尽情发挥创意的专业人士而言，这里有众多为业界所推崇的 app，可以用来更好地掌控音乐与影片的。 
                   <br> 剪辑、处理和输出
               </p>
                <div class="imgs">
                    <a class="imgs_a" href="#">
                        <img src="images/8.png" alt="">
                        <p>Final Cut Pro X</p>
                    </a>
                    <a class="imgs_a" href="#">
                        <img src="images/9.png" alt="">
                        <p>Logic Pro X</p>
                    </a>
                    <a class="imgs_a" href="#">
                        <img src="images/10.png" alt="">
                        <p>Motion</p>
                    </a>
                    <a class="imgs_a" href="#">
                        <img src="images/11.png" alt="">
                        <p>Compressor</p>
                    </a>
                    <a class="imgs_a" href="#">
                        <img src="images/12.png" alt="">
                        <p>MainStage 3</p>
                    </a>
                </div>
                <div class="container">
                <div class="row">
                    <div class="col-lg-4 text-left">
                        <p>
                            <img src="images/13.png" alt="">
                        </p>
                        <h2>Final Cut Pro X</h2>
                        <p>
                            为了满足如今剪辑师们四溢的灵感，Final Cut Pro 提供开创性的视频剪辑功能、强大的媒体组织整理能力和杰出的性能，并针对 Mac 电脑和 macOS Sierra 进行了全面优化。
                        </p>
                        <p><a href="#">进一步了解 > </a></p>
                    </div>
                    <div class="col-lg-8">
                        <img src="images/pro_finalcut_large.png" alt="">
                    </div>
                    
                </div>
                </div>
            </div>
           
    </div>

    <div class="edu" style="margin-top:30px;overflow:hidden">
        <div><img src="images/education_large.jpg" style="width:100%;max-width:100%;" alt=""></div>
        <div class="edu_font">
            <h1>Mac 教育应用</h1>
            <p>让好奇心和创造力在课堂内外都得到激发。</p>
            <p>
                <a href="#" style="color:#fff">了解 Mac 教育应用 > </a>  
                <a href="#" style="color:#fff">高校师生选购 > </a>
            </p>
        </div>
    </div>

    <div class="edu" style="overflow:hidden">
        <div><img src="images/business_large.jpg" style="width:100%;max-width:100%;" alt=""></div>
        <div class="edu_font">
            <h1>Mac 商务应用</h1>
            <p>以强大的装备，让你的商务事业更上一层楼。</p>
            <p>
                <a href="#" style="color:#fff">了解 Mac 商务应用 > </a>  
                <a href="#" style="color:#fff">商务选购 > </a>
            </p>
        </div>
    </div>

    <div class="edu" style="margin-bottom:0;overflow:hidden">
        <div><img src="images/workshops_large.jpg" style="width:100%;max-width:100%;" alt=""></div>
        <div class="edu_font">
            <h1>参加店内免费讲座，<br>发掘 Mac 的无限精彩。</h1>
            <p>以强大的装备，让你的商务事业更上一层楼。</p>
            <p>
                报名参加 Apple Store 零售店内的实践讲座，学习基础知识，提高你的<br> Mac 使用技能。
            </p>
            <p>
                <a href="#" style="color:#fff">查找零售店 > </a>
            </p>
        </div>
    </div>

    <div class="bottom" style="overflow:hidden">
        <div class="container" style="padding:15px 15px;border-bottom:1px solid #888888">
            <div class="row">
                <span class="iconfont icon-pingguo" style="color:#333"></span> <span style="color:#888888">></span> Mac
            </div>
        </div>
        <div class="container" style="padding:20px 0">
            <ul class="bottom_ul1">
                <li>
                    <p><b>选购及了解</b></p>
                    <ul class="ul_ul">
                        <li><a href="#">Mac</a></li>
                        <li><a href="#">iPad</a></li>
                        <li><a href="#">iPhone</a></li>
                        <li><a href="#">Watch</a></li>
                        <li><a href="#">Music</a></li>
                        <li><a href="#">iTunes</a></li>
                        <li><a href="#">iPod</a></li>
                        <li><a href="#">配件</a></li>
                        <li><a href="#">App Store充值卡</a></li>
                    </ul>    
                </li>
                <li>
                    <p><b>Apple Store 商店</b></p>
                    <ul class="ul_ul">
                       <li><a href="#">Mac</a></li>
                        <li><a href="#">iPad</a></li>
                        <li><a href="#">iPhone</a></li>
                        <li><a href="#">Watch</a></li>
                        <li><a href="#">Music</a></li>
                        <li><a href="#">iTunes</a></li>
                        <li><a href="#">iPod</a></li>
                        <li><a href="#">配件</a></li>
                        <li><a href="#">App Store充值卡</a></li>
                    </ul>    
                </li>
                <li>
                    <p><b>教育应用</b></p>
                    <ul class="ul_ul">
                        <li><a href="#">Mac</a></li>
                        <li><a href="#">iPad</a></li>
                        <li><a href="#">iPhone</a></li>
                        <li><a href="#">Watch</a></li>
                        <li><a href="#">Music</a></li>
                        <li><a href="#">iTunes</a></li>
                        <li><a href="#">iPod</a></li>
                        <li><a href="#">配件</a></li>
                        <li><a href="#">App Store充值卡</a></li>
                    </ul>    
                </li>
                <li>
                    <p><b>账户</b></p>
                    <ul class="ul_ul">
                        <li><a href="#">Mac</a></li>
                        <li><a href="#">iPad</a></li>
                        <li><a href="#">iPhone</a></li>
                        <li><a href="#">Watch</a></li>
                        <li><a href="#">Music</a></li>
                        <li><a href="#">iTunes</a></li>
                        <li><a href="#">iPod</a></li>
                        <li><a href="#">配件</a></li>
                        <li><a href="#">App Store充值卡</a></li>
                    </ul>    
                </li>
                <li>
                    <p><b>关于Apple</b></p>
                    <ul class="ul_ul">
                        <li><a href="#">Mac</a></li>
                        <li><a href="#">iPad</a></li>
                        <li><a href="#">iPhone</a></li>
                        <li><a href="#">Watch</a></li>
                        <li><a href="#">Music</a></li>
                        <li><a href="#">iTunes</a></li>
                        <li><a href="#">iPod</a></li>
                        <li><a href="#">配件</a></li>
                        <li><a href="#">App Store充值卡</a></li>
                    </ul>    
                </li>
            </ul>
        </div>

        <div class="container" style="padding:10px 0;border-bottom:1px solid #888888;color:#888888">
        更多选购方式：前往 <a href="#">Apple Store 零售店</a>，致电 400-666-8800 或查找在你附近的<a href="#">授权经销商</a>
        </div>

        <div class="container">
            <div class="row" style="padding:5px 0;">
                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12" style="padding:0;color:#888888">
                <b>Copyright © 2017 Apple Inc.</b> 保留所有权利。
                </div>
                <div class="col-lg-4 col-md-10 col-sm-10 col-xs-10">
                    <ul class="end_ul">
                        <li><a href="#">隐私政策</a></li>
                        <li><a href="#">使用条款</a></li>
                        <li><a href="#">销售政策</a></li>
                        <li><a href="#">法律信息</a></li>
                        <li style="border:0;"><a href="#">网站地图</a></li>
                    </ul>
                </div>
                <div class="col-lg-4 col-md-2 col-sm-2 col-xs-2 text-right">
                    <img src="images/china.png" alt="中国">
                    <a href="#">中国</a>
                </div>
            </div>
            <div class="row" style="color:#888888">
                京公安网安备 11010502008968 <a href="#" style="color:#888888">京ICP备10214630</a>
            </div>
        </div>

    </div>






</body>
</html>